<template>
  <right-template :title="componentData.title" :tabName="componentData.tabName">
    <el-form>
      <textarea-normal class="margin-top-10" label="地址解析(输入正确的地址地图才会刷新)" v-model="commonAttr.address" @change="onChangeAttr"></textarea-normal>
      <!-- <p class="address-tips"> <b>注意⚠️：</b> <br/> <span>请保证地址解析成功；地址解析成功则视图更新！</span> </p> -->
    </el-form>
  </right-template>
</template>

<script>
  import RightTemplate from '@/views/child/right/right-template.vue'
  import TextareaNormal from '@/views/components/edit/TextareaNormal.vue'

  import { mapState, mapActions } from 'vuex'
  import { editUtils } from '@/views/js/edit-utils'

  export default {
    name: "RightMap",
    mixins: [editUtils],

    setup () {
      return {
        geocoder: null
      };
    },
    components: {
      RightTemplate,
      TextareaNormal,
    },
  };
</script>

<style lang="scss" scoped>
  .address-tips{
    font-size: 12px;
    color: #aaa;
    padding: 0 16px;

    b{
      font-size: 12px;
      color: red;
    }
  }
  .address-tips:hover{
    color: #222;
  }
</style>
